<!--<template>-->

<!--  <el-main style="height: 930px;">-->

<!--    <div>-->
<!--      <el-dialog title="操作订单" :visible.sync="specialOrderVisible" width="400px">-->
<!--        <el-form :model="specialData">-->
<!--          <el-form-item label="选择种类" :label-width="formLabelWidth">-->
<!--            <el-select v-model="specialData.orderType" placeholder="请选择" style="width: 260px">-->
<!--              <el-option label="退订" value="退订"></el-option>-->
<!--              <el-option label="换货" value="换货"></el-option>-->
<!--              <el-option label="退货" value="退货"></el-option>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="原因" :label-width="formLabelWidth">-->
<!--            <el-input-->
<!--              type="textarea"-->
<!--              placeholder="请输入内容"-->
<!--              v-model="specialData.reason"-->
<!--              maxlength="150"-->
<!--              required-->
<!--              rows="5"-->
<!--              show-word-limit-->
<!--            ></el-input>-->
<!--          </el-form-item>-->
<!--        </el-form>-->
<!--        <div slot="footer" class="dialog-footer">-->
<!--          <el-button @click="specialOrderVisible = false">取 消</el-button>-->
<!--          <el-button type="primary" @click="newSpecialOrder">确 定</el-button>-->
<!--        </div>-->
<!--      </el-dialog>-->
<!--    </div>-->


<!--    &lt;!&ndash;    newOrder: {&ndash;&gt;-->
<!--    &lt;!&ndash;    orderStatus: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    customerName: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    deliverAddress: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    produceName: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    tip: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    producePrice: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    productId: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    consigneeName: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    consigneePhone: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    consigneeAddress: ''&ndash;&gt;-->
<!--    &lt;!&ndash;    },&ndash;&gt;-->
<!--    &lt;!&ndash;    newOrderInfo: {&ndash;&gt;-->
<!--    &lt;!&ndash;    operator: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    postalCode: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    requireInvoice: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    deliverStation: '',&ndash;&gt;-->
<!--    &lt;!&ndash;    deliverDate: ''&ndash;&gt;-->
<!--    &lt;!&ndash;    },&ndash;&gt;-->

<!--    <div>-->
<!--      <el-dialog title="新订单" :visible.sync="createOrderVisible" width="500px">-->
<!--        <div style="height: 500px; overflow: auto;">-->
<!--          <el-form aria-required="true" :model="newOrder" style="height: 100%;">-->
<!--            <el-form-item label="客户姓名" :label-width="formLabelWidth">-->
<!--              <el-select v-model="newOrder.customerName" filterable placeholder="请选择" style="width: 99%">-->
<!--                <el-option-->
<!--                  v-for="customer in customers"-->
<!--                  :key="customer"-->
<!--                  :label="customer"-->
<!--                  :value="customer">-->
<!--                </el-option>-->
<!--              </el-select>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="订单状态" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrder.orderStatus" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="客户手机号" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrder.produceName" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="产品价格" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrder.producePrice" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="产品编号" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrder.productId" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="收货人姓名" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrder.consigneeName" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="收货人电话" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrder.consigneePhone" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="邮政编码" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrderInfo.postalCode" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="发票" :label-width="formLabelWidth">-->
<!--              <el-radio v-model="newOrderInfo.requireInvoice" label="1">需要</el-radio>-->
<!--              <el-radio v-model="newOrderInfo.requireInvoice" label="2">不需要</el-radio>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="配送地址" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrder.deliverAddress" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="配送站" :label-width="formLabelWidth">-->
<!--              <el-input v-model="newOrderInfo.deliverStation" autocomplete="off"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item :rules="[{ required: true, message: '不能为空'},]" label="配送日期" :label-width="formLabelWidth">-->
<!--              <el-date-picker-->
<!--                v-model="newOrderInfo.deliverDate"-->
<!--                style="width: 99%"-->
<!--                type="date"-->
<!--                placeholder="选择日期">-->
<!--              </el-date-picker>-->
<!--            </el-form-item>-->
<!--          </el-form>-->
<!--        </div>-->
<!--        <div slot="footer" class="dialog-footer">-->
<!--          <el-button @click="createOrderVisible = false">取 消</el-button>-->
<!--          <el-button type="primary" @click="addNewOrder(newOrder)">确 定</el-button>-->
<!--        </div>-->
<!--      </el-dialog>-->
<!--    </div>-->

<!--    <div>-->

<!--      <el-breadcrumb separator-class="el-icon-arrow-right">-->
<!--        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>-->
<!--        <el-breadcrumb-item>订单管理</el-breadcrumb-item>-->
<!--      </el-breadcrumb>-->


<!--      <div class="blank-line"></div>-->

<!--      <el-select v-model="value" placeholder="请选择想要查询的信息"-->
<!--                 style="position: relative;left: 420px;">-->
<!--        <el-option-->
<!--          v-for="item in options"-->
<!--          :key="item.value"-->
<!--          :label="item.label"-->
<!--          :value="item.value">-->
<!--        </el-option>-->
<!--      </el-select>-->

<!--      <el-input-->
<!--        :placeholder="value==0?'请选择想要查找的信息':value==1?'请输入订单号':value==2?'请输入订购人姓名':value==3?'请输入收货人姓名':value==4?'请输入订单类型':value==5?'订单状态':'(⊙﹏⊙)'"-->
<!--        v-model="target"-->
<!--        clearable-->
<!--        style="width: auto;left: 450px;position: relative;"-->
<!--        @keyup.enter.native="getDetail"-->
<!--        @keyup.backspace.native="getAll">-->
<!--      </el-input>-->

<!--      <el-button-->
<!--        type="primary"-->
<!--        icon="el-icon-search"-->
<!--        class="btn1"-->
<!--        style="position: relative;left: 480px;"-->
<!--        @click="getDetail">-->
<!--        搜索-->
<!--      </el-button>-->

<!--      <el-button-->
<!--        type="primary"-->
<!--        icon="el-icon-plus"-->
<!--        class="btn1"-->
<!--        style="position: relative; left: -65%;"-->
<!--        @click="showCreateTable">-->
<!--        添加客户-->
<!--      </el-button>-->

<!--      <el-dialog-->
<!--        title="提示"-->
<!--        :visible.sync="dialogFormVisible"-->


<!--          >-->
<!--          &lt;!&ndash; <span>这是一段信息</span>-->
<!--          <span slot="footer" class="dialog-footer">-->
<!--            <el-button @click="dialogFormVisible = false">取 消</el-button>-->
<!--            <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>-->
<!--          </span> &ndash;&gt;-->
<!--          <el-form ref="form" :model="form" label-width="100px" label-position="left">-->
<!--            <el-form-item label="订单号">-->
<!--              <el-input v-model="form.id" disabled></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="订单类型">-->
<!--              <el-input v-model="form.type"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="用户名">-->
<!--              <el-input v-model="form.name"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="订单状态">-->
<!--              <el-input v-model="form.status"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="送货日期">-->
<!--              <el-col>-->
<!--                <el-date-picker type="date" placeholder="选择日期" v-model="form.date" style="width: 100%;"></el-date-picker>-->
<!--              </el-col>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="商品名称">-->
<!--              <el-input v-model="form.productName"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="商品数量">-->
<!--              <el-input v-model="form.productNum"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="金额">-->
<!--              <el-input v-model="form.price"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="收货人姓名">-->
<!--              <el-input v-model="form.rname"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="地址">-->
<!--              <el-input v-model="form.address"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="电话">-->
<!--              <el-input v-model="form.phone"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="执行任务分站">-->
<!--              <el-select-->
<!--              v-model="form.fenzhan"-->
<!--              placeholder="请选择发配分站"-->
<!--              filterable-->
<!--              remote-->
<!--              clearable-->
<!--              >-->
<!--&lt;!&ndash;                <el-option label="沈阳-浑南" value="浑南"></el-option>-->
<!--                <el-option label="沈阳-铁西" value="铁西"></el-option> &ndash;&gt;-->
<!--                <el-option-->
<!--                v-for="item in fenzhanlist"-->
<!--                :label="item.label"-->
<!--                :value="item.value"-->
<!--                :key="item.value">-->
<!--                </el-option>-->
<!--              </el-select>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="发票">-->
<!--              <el-switch v-model="form.fapiao" active-text="需要" inactive-text="不需要"></el-switch>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="备注">-->
<!--              <el-input type="textarea" v-model="form.beizhu"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item>-->
<!--              <el-button type="primary" @click="submit" :disabled="diaodu">调度</el-button>-->
<!--              <el-button @click="dialogFormVisible=false">取消</el-button>-->
<!--            </el-form-item>-->
<!--          </el-form>-->
<!--        </el-dialog>-->
<!--      >-->
<!--        &lt;!&ndash; <span>这是一段信息</span>-->
<!--        <span slot="footer" class="dialog-footer">-->
<!--          <el-button @click="dialogFormVisible = false">取 消</el-button>-->
<!--          <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>-->
<!--        </span> &ndash;&gt;-->
<!--        <el-form ref="form" :model="form" label-width="100px" label-position="left">-->
<!--          <el-form-item label="订单号">-->
<!--            <el-input v-model="form.id" disabled></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="订单类型">-->
<!--            <el-input v-model="form.type"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="用户名">-->
<!--            <el-input v-model="form.name"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="订单状态">-->
<!--            <el-input v-model="form.status"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="送货日期">-->
<!--            <el-col>-->
<!--              <el-date-picker type="date" placeholder="选择日期" v-model="form.date"-->
<!--                              style="width: 100%;"></el-date-picker>-->
<!--            </el-col>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="商品名称">-->
<!--            <el-input v-model="form.productName"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="商品数量">-->
<!--            <el-input v-model="form.productNum"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="金额">-->
<!--            <el-input v-model="form.price"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="收货人姓名">-->
<!--            <el-input v-model="form.rname"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="地址">-->
<!--            <el-input v-model="form.address"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="电话">-->
<!--            <el-input v-model="form.phone"></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="执行任务分站">-->
<!--            <el-select v-model="form.fenzhan" placeholder="请选择发配分站">-->
<!--              <el-option label="沈阳-浑南" value="浑南"></el-option>-->
<!--              <el-option label="沈阳-铁西" value="铁西"></el-option>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="发票">-->
<!--            <el-switch v-model="form.fapiao" active-text="需要" inactive-text="不需要"></el-switch>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="备注">-->
<!--            <el-input type="textarea" v-model="form.beizhu"></el-input>-->
<!--          </el-form-item>-->


<!--          &lt;!&ndash; <el-form-item label="活动区域">-->

<!--          </el-form-item>-->
<!--          <el-form-item label="活动时间">-->
<!--          </el-form-item>-->
<!--          <el-form-item label="活动性质">-->
<!--            <el-checkbox-group v-model="form.type">-->
<!--              <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>-->
<!--              <el-checkbox label="地推活动" name="type"></el-checkbox>-->
<!--              <el-checkbox label="线下主题活动" name="type"></el-checkbox>-->
<!--              <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>-->
<!--            </el-checkbox-group>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="特殊资源">-->
<!--            <el-radio-group v-model="form.resource">-->
<!--              <el-radio label="线上品牌商赞助"></el-radio>-->
<!--              <el-radio label="线下场地免费"></el-radio>-->
<!--            </el-radio-group>-->
<!--          </el-form-item> &ndash;&gt;-->
<!--          <el-form-item>-->
<!--            <el-button type="primary" @click="submit" :disabled="form.status=='缺货'">调度</el-button>-->
<!--            <el-button @click="dialogFormVisible=false">取消</el-button>-->
<!--          </el-form-item>-->
<!--        </el-form>-->
<!--      </el-dialog>-->

<!--    </div>-->


<!--      <div>-->
<!--            <el-table-->
<!--                :data="tableData"-->
<!--                :cell-style="{textAlign:'center'}"-->
<!--                :header-cell-style="{textAlign:'center'}"-->
<!--                style="width: 100%;"-->
<!--                empty-text="无"-->
<!--                v-loading="loading"-->
<!--                element-loading-text="拼命加载中"-->
<!--                element-loading-spinner="el-icon-loading">-->
<!--                <el-table-column-->
<!--                  prop="orderId"-->
<!--                  label="订单号"-->
<!--                  width="150px"-->
<!--                  sortable="true"-->
<!--                  text-align: center>-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="productId"-->
<!--                  label="商品代号"-->
<!--                  sortable="true"-->
<!--                  width="100px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="productName"-->
<!--                  label="商品名称"-->
<!--                  sortable="true"-->
<!--                  width="100px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="productNum"-->
<!--                  label="商品数量"-->
<!--                  sortable="true"-->
<!--                  width="100px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="productPrice"-->
<!--                  label="商品价格"-->
<!--                  sortable="true"-->
<!--                  width="100px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="customerName"-->
<!--                  label="订购人姓名"-->
<!--                  sortable="true"-->
<!--                  width="114px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="customerPhone"-->
<!--                  label="订购人电话"-->
<!--                  sortable="true"-->
<!--                  width="114px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="consigneeName"-->
<!--                  label="收货人姓名"-->
<!--                  sortable="true"-->
<!--                  width="114px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="consigneePhone"-->
<!--                  label="收货人电话"-->
<!--                  sortable="true"-->
<!--                  width="114px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="deliverAddress"-->
<!--                  label="收货人地址"-->
<!--                  sortable="true"-->
<!--                  width="120px">-->
<!--                </el-table-column>-->
<!--                <el-table-column-->
<!--                  prop="orderType"-->
<!--                  label="订单类型"-->
<!--                  sortable="true"-->
<!--                  width="100px">-->
<!--                </el-table-column>-->

<!--        <el-table-column-->
<!--          prop="tip"-->
<!--          label="备注"-->
<!--          sortable="true">-->
<!--        </el-table-column>-->

<!--        <el-table-column-->
<!--          prop="orderStatus"-->
<!--          label="订单状态"-->
<!--          sortable="true"-->
<!--          width="100px">-->
<!--          <template slot-scope="scope">-->
<!--            <el-tag-->
<!--              :type="scope.row.orderStatus=='可分配'?'success':scope.row.orderStatus=='缺货'?'danger':scope.row.orderStatus=='无效'?'info':scope.row.orderStatus=='已领货'?'primary':'warning'">-->
<!--              {{ scope.row.orderStatus }}-->
<!--            </el-tag>-->
<!--          </template>-->
<!--        </el-table-column>-->

<!--        <el-table-column label="操作" sortable="true" width="150px">-->
<!--          <template slot-scope="scope">-->
<!--            <el-button-->
<!--              size="mini"-->
<!--              type="primary" round-->
<!--              @click="haha(scope.index,scope.row)">调度-->
<!--            </el-button>-->
<!--            <el-button-->
<!--              size="mini"-->
<!--              type="primary" round-->
<!--              @click="showSpecialOrderVisible(scope.row)">操作-->
<!--            </el-button>-->

<!--          </template>-->
<!--        </el-table-column>-->
<!--      </el-table>-->
<!--    </div>-->


<!--    <div class="block">-->
<!--      <span class="demonstration"></span>-->
<!--      <el-pagination-->
<!--        @size-change="handleSizeChange"-->
<!--        @current-change="handleCurrentChange"-->
<!--        background-->
<!--        layout="total, sizes, prev, pager, next, jumper"-->
<!--        :page-sizes="[5, 8, 10]"-->
<!--        :total=allData.length-->
<!--        :page-size="pageSize"-->
<!--        :current-page="currentPage"-->
<!--      >-->
<!--      </el-pagination>-->
<!--    </div>-->
<!--  </el-main>-->

<!--</template>-->

<!--<script>-->
<!--  import axios from 'axios'-->
<!--  export default{-->
<!--    name: 'Order',-->
<!--    data(){-->
<!--      return {-->
<!--        diaodu:true,-->
<!--        target:'',-->
<!--        allData:[],-->
<!--        tableData:[],-->
<!--        currentPage:1,-->
<!--        pageSize:5,-->
<!--        loading:false,-->
<!--        dialogFormVisible: false,-->
<!--        options:[{-->
<!--          value: 0,-->
<!--          label: '-'-->
<!--        }, {-->
<!--          value: 1,-->
<!--          label: '订单号'-->
<!--        }, {-->
<!--          value: 2,-->
<!--          label: '订购人姓名'-->
<!--        }, {-->
<!--          value: 3,-->
<!--          label: '收货人姓名'-->
<!--        }, {-->
<!--          value: 4,-->
<!--          label: '订单类型'-->
<!--        }, {-->
<!--          value: 5,-->
<!--          label: '订单状态'-->
<!--        }],-->
<!--        value:0,-->
<!--        allfz:[],-->
<!--        fenzhanlist:[],-->
<!--        form: {-->
<!--          id: '',-->
<!--          type: '',-->
<!--          name: '',-->
<!--          status: '',-->
<!--          date:'',-->
<!--          num:'',-->
<!--          productName:'',-->
<!--          productNum: 0,-->
<!--          price: '',-->
<!--          rname: '',-->
<!--          address:'',-->
<!--          phone:'',-->
<!--          fenzhan:'',-->
<!--          fapiao:false,-->
<!--          beizhu:'无'-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    methods:{-->
<!--      getAllfz(){-->
<!--        axios.get('http://localhost:8087/test/order/allfz').then(resData=>{-->
<!--          // let re = JSON.parse(JSON.stringify(resData.data.data));-->
<!--          // this.allfz=re;-->
<!--          // console.log(re);-->
<!--          this.allfz = resData.data.data;-->
<!--          this.fenzhanlist =  this.allfz.map((item) =>{-->
<!--            return {value: item.substation_id , label:item.substation_name };-->
<!--          });-->
<!--          console.log(this.fenzhanlist);-->
<!--        });-->
<!--        console.log(this.allfz);-->
<!--      },-->
<!--      remoteMethod(query){-->
<!--        if(query !== ''){-->
<!--          setTimeout(() => {-->
<!--            this.fenzhanlist = this.allfz.filter(item => {-->
<!--              return item.value-->
<!--                .indexOf(query) > -1-->
<!--            })-->
<!--          },200)-->
<!--        } else{-->
<!--          this.fenzhanlist = [];-->
<!--        }-->
<!--      },-->
<!--      dateTime(date){-->
<!--        var y = date.getFullYear();-->
<!--          var m = date.getMonth() + 1;-->
<!--          m = m < 10 ? ('0' + m) : m;-->
<!--          var d = date.getDate();-->
<!--          d = d < 10 ? ('0' + d) : d;-->
<!--          var h = date.getHours();-->
<!--          var minute = date.getMinutes();-->
<!--          minute = minute < 10 ? ('0' + minute) : minute;-->
<!--          // return y + '-' + m + '-' + d+' '+h+':'+minute;-->
<!--          return y + '-' + m + '-' + d-->
<!--      },-->
<!--import axios from 'axios'-->

<!--export default {-->
<!--  name: 'Order',-->
<!--  data() {-->
<!--    return {-->
<!--      customers: [-->
<!--        'xxx',-->
<!--        'xxx'-->
<!--      ],-->
<!--      target: '',-->
<!--      allData: [],-->
<!--      tableData: [],-->
<!--      formLabelWidth: '100px',-->
<!--      currentPage: 1,-->
<!--      pageSize: 5,-->
<!--      loading: false,-->
<!--      dialogFormVisible: false,-->
<!--      specialOrderVisible: false,-->
<!--      createOrderVisible: false,-->
<!--      newOrder: {-->
<!--        orderStatus: '',-->
<!--        customerName: '',-->
<!--        deliverAddress: '',-->
<!--        produceName: '',-->
<!--        tip: '',-->
<!--        producePrice: '',-->
<!--        productId: '',-->
<!--        consigneeName: '',-->
<!--        consigneePhone: '',-->
<!--        consigneeAddress: ''-->
<!--      },-->
<!--      newOrderInfo: {-->
<!--        operator: '',-->
<!--        postalCode: '',-->
<!--        requireInvoice: '1',-->
<!--        deliverStation: '',-->
<!--        deliverDate: ''-->
<!--      },-->
<!--      options: [{-->
<!--        value: 0,-->
<!--        label: '-'-->
<!--      }, {-->
<!--        value: 1,-->
<!--        label: '订单号'-->
<!--      }, {-->
<!--        value: 2,-->
<!--        label: '订购人姓名'-->
<!--      }, {-->
<!--        value: 3,-->
<!--        label: '收货人姓名'-->
<!--      }, {-->
<!--        value: 4,-->
<!--        label: '订单类型'-->
<!--      }, {-->
<!--        value: 5,-->
<!--        label: '订单状态'-->
<!--      }],-->
<!--      specialData: {-->
<!--        originalId: '',-->
<!--        orderType: '',-->
<!--        reason: ''-->
<!--      },-->
<!--      value: 0,-->
<!--      form: {-->
<!--        id: '',-->
<!--        type: '',-->
<!--        name: '',-->
<!--        status: '',-->
<!--        date: '',-->
<!--        productName: '',-->
<!--        productNum: 0,-->
<!--        price: '',-->
<!--        rname: '',-->
<!--        address: '',-->
<!--        phone: '',-->
<!--        fenzhan: '',-->
<!--        fapiao: false,-->
<!--        beizhu: '无'-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    dateTime(date) {-->
<!--      var y = date.getFullYear();-->
<!--      var m = date.getMonth() + 1;-->
<!--      m = m < 10 ? ('0' + m) : m;-->
<!--      var d = date.getDate();-->
<!--      d = d < 10 ? ('0' + d) : d;-->
<!--      var h = date.getHours();-->
<!--      var minute = date.getMinutes();-->
<!--      minute = minute < 10 ? ('0' + minute) : minute;-->
<!--      // return y + '-' + m + '-' + d+' '+h+':'+minute;-->
<!--      return y + '-' + m + '-' + d-->
<!--    },-->

<!--      submit(){-->
<!--        let task = new FormData()-->
<!--        if(this.form.type=='新订'){-->
<!--          task.append("taskType","送货");-->
<!--        }else{-->
<!--          task.append("taskType",this.form.type);-->
<!--        }-->
<!--        task.append("orderID",this.form.id);-->
<!--        task.append("productNum",this.form.productNum);-->
<!--        task.append("productName",this.form.productName);-->
<!--        task.append("serviceCharge",this.form.price);-->
<!--        task.append("serviceTime",this.dateTime(this.form.date));-->
<!--        task.append("fenzhanID",this.form.fenzhan);-->
<!--        // console.log("》》》》》"+this.dateTime(this.form.date));-->
<!--        task.append("receiverPhone",this.form.phone);-->
<!--        task.append("receiverName",this.form.rname);-->
<!--        task.append("taskStatus",'已调度');-->
<!--        task.append("receiverAddress",this.form.address);-->
<!--        task.append("tip",this.form.beizhu);-->
<!--        // axios.post('http://localhost:8087/test/task',task).then(resData=>{-->
<!--        //   if(resData.status=='200'){-->
<!--        //     this.$message({-->
<!--        //           message: '调度完成',-->
<!--        //           type: 'success'-->
<!--        //         });-->
<!--        //         console.log(resData);-->
<!--        //         this.dialogFormVisible=false;-->
<!--        //   }else{-->
<!--        //     this.$message.error('调度失败:(');-->
<!--        //     console.log(resData);-->
<!--        //   }-->
<!--        // })-->
<!--        axios.post('http://localhost:8087/test/task/sgDd',task).then(resData=>{-->
<!--          if(resData.status=='200'){-->
<!--            this.$message({-->
<!--                  message: '调度完成',-->
<!--                  type: 'success'-->
<!--                });-->
<!--                console.log(resData);-->
<!--                this.dialogFormVisible=false;-->
<!--          }else{-->
<!--            this.$message.error('调度失败:(');-->
<!--            console.log(resData);-->
<!--          }-->
<!--        })-->


<!--      },-->
<!--      haha(row,index){-->
<!--        // console.log(index);-->
<!--        this.form.id = index.orderId;-->
<!--        this.form.type = index.orderType;-->
<!--        this.form.name = index.customerName;-->
<!--        this.form.status = index.orderStatus;-->
<!--        // this.form.date =-->
<!--        this.form.productName = index.productName;-->
<!--        this.form.productNum = index.productNum;-->
<!--        this.form.price = index.productPrice;-->
<!--        this.form.rname = index.consigneeName;-->
<!--        this.form.address = index.deliverAddress;-->
<!--        this.form.phone = index.consigneePhone;-->
<!--        this.getNum();-->
<!--        this.dialogFormVisible = true;-->
<!--      },-->
<!--      getAll(){-->
<!--        this.loading=true;-->
<!--          axios.get('http://localhost:8087/test/order/all').then(resData=>{-->
<!--            // console.log(resData);-->
<!--            this.allData = resData.data.data;-->
<!--            console.log(resData);-->
<!--            this.tableData = this.allData.slice((this.currentPage - 1) * this.pageSize, this.currentPage*this.pageSize);-->
<!--            this.loading=false;-->
<!--          }).catch(err =>{-->
<!--            this.loading=false;-->
<!--          });-->
<!--        this.getAllfz();-->
<!--        },-->

<!--    // getByPage(){-->
<!--    //    this.tableData = this.allData.slice((this.currentPage - 1) * this.pageSize, this.currentPage*this.pageSize);-->
<!--    //    console.log("asdsad"+this.tableData);-->
<!--    //  },-->
<!--    getDetail() {-->
<!--      this.loading = true;-->
<!--      switch (this.value) {-->
<!--        case 0:-->
<!--          alert("请先选择想要查询的信息！");-->
<!--          this.getAll()-->
<!--          break;-->
<!--        case 5:-->
<!--          axios.get('http://localhost:8087/test/order/status/' + this.target).then(resdata => {-->
<!--            this.allData = resdata.data.data;-->
<!--            this.tableData = this.allData.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize);-->
<!--            this.loading = false;-->
<!--          }).catch(err => {-->
<!--            this.loading = false;-->
<!--          });-->
<!--          break;-->
<!--        case 1:-->
<!--          axios.get('http://localhost:8087/test/order/id/' + this.target).then(resdata => {-->
<!--            this.allData = resdata.data.data;-->
<!--            this.tableData = this.allData.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize);-->
<!--            console.log(this.tableData)-->
<!--            this.loading = false;-->
<!--          }).catch(err => {-->
<!--            this.loading = false;-->
<!--          });-->
<!--          break;-->
<!--        case 2:-->
<!--          axios.get('http://localhost:8087/test/order/cusname/' + this.target).then(resdata => {-->
<!--            this.allData = resdata.data.data;-->
<!--            this.tableData = this.allData.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize);-->
<!--            this.loading = false;-->
<!--          }).catch(err => {-->
<!--            this.loading = false;-->
<!--          });-->
<!--          break;-->
<!--        case 3:-->
<!--          axios.get('http://localhost:8087/test/order/conname/' + this.target).then(resdata => {-->
<!--            this.allData = resdata.data.data;-->
<!--            this.tableData = this.allData.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize);-->
<!--            this.loading = false;-->
<!--          }).catch(err => {-->
<!--            this.loading = false;-->
<!--          });-->
<!--          break;-->
<!--        case 4:-->
<!--          axios.get('http://localhost:8087/test/order/type/'+this.target).then(resdata=>{-->
<!--          this.allData = resdata.data.data;-->
<!--          this.tableData = this.allData.slice((this.currentPage - 1) * this.pageSize, this.currentPage*this.pageSize);-->
<!--          this.loading=false;-->
<!--        }).catch(err =>{-->
<!--          this.loading=false;-->
<!--        });-->
<!--        }-->
<!--      },-->
<!--      getNum(){-->
<!--        axios.get('http://localhost:8087/test/task/num/'+this.form.productName).then(resData=>{-->
<!--          this.form.num = resData.data.data;-->
<!--          this.form.productName = this.form.productName + "（库存数量：" + resData.data.data;-->
<!--          // this.form.status.concat(resData.data.msg);-->
<!--          if(this.form.status=="缺货"&&parseInt(this.form.num)>=10) {-->
<!--            this.diaodu=false;-->
<!--            console.log("数量大于10？"+parseInt(this.form.num)>=10);-->
<!--          }-->
<!--          else if(this.form.status=="可分配") {-->
<!--            this.diaodu=false;-->
<!--            console.log("可分配")-->
<!--          }-->
<!--          else {-->
<!--            console.log("就是不行");-->
<!--            console.log("数量大于10？"+parseInt(this.form.num)>=10);-->
<!--            this.diaodu = true;-->
<!--          }-->
<!--          console.log(this.form.productName);-->
<!--        })-->
<!--      },-->
<!--      test(){-->
<!--        alert("我被电了");-->
<!--      },-->
<!--          axios.get('http://localhost:8087/test/order/type/' + this.target).then(resdata => {-->
<!--            this.allData = resdata.data.data;-->
<!--            this.tableData = this.allData.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize);-->
<!--            this.loading = false;-->
<!--          }).catch(err => {-->
<!--            this.loading = false;-->
<!--          });-->
<!--      }-->
<!--    },-->
<!--    getNum() {-->
<!--      axios.get('http://localhost:8087/test/task/num/' + this.form.productName).then(resData => {-->
<!--        this.form.status = this.form.status + resData.data.msg;-->
<!--        // this.form.status.concat(resData.data.msg);-->
<!--        console.log("(" + this.form.status);-->
<!--      })-->
<!--    },-->
<!--    test() {-->
<!--      alert("我被电了");-->
<!--    },-->

<!--    //分页用-->
<!--    handleSizeChange(val) {-->
<!--      console.log(`每页 ${val} 条`);-->
<!--      this.pageSize = val;-->
<!--      this.getAll();-->
<!--      console.log(this.tableData);-->
<!--    },-->
<!--    handleCurrentChange(val) {-->
<!--      console.log(`当前页: ${val}`);-->
<!--      this.currentPage = val;-->
<!--      this.getAll();-->
<!--      console.log(this.tableData);-->
<!--      // console.log(this.tableData.slice((this.currentPage - 1) * this.pageSize, this.currentPage*this.pageSize));-->
<!--    },-->

<!--    showSpecialOrderVisible(order) {-->
<!--      console.log(order)-->
<!--      this.specialData.originalId = order.orderId-->
<!--      this.specialOrderVisible = true-->
<!--    },-->

<!--    newSpecialOrder() {-->
<!--      console.log(this.specialOrder)-->
<!--      axios.post('http://localhost:8081/order/specialOrder', this.specialData-->
<!--      ).then(res => {-->
<!--        var httpCode = res.data.code-->
<!--        if (httpCode === 1) {-->
<!--          this.$message.success('调整成功')-->
<!--        } else {-->
<!--          this.$message.error('系统错误')-->
<!--        }-->
<!--      })-->
<!--    },-->

<!--    showCreateTable() {-->
<!--      axios.post('http://localhost:8081/customer/getNames'-->
<!--      ).then(res => {-->
<!--        var httpCode = res.data.code-->
<!--        if (httpCode === 1) {-->
<!--          this.customers = res.data.data-->
<!--          this.newOrder.customerName = this.customers.at(0)-->
<!--          this.createOrderVisible = true-->
<!--        } else {-->
<!--          this.$message.error('系统错误')-->
<!--        }-->
<!--      })-->
<!--    },-->

<!--    addNewOrder(formName) {-->
<!--      var data = {-->
<!--        order: this.newOrder,-->
<!--        orderInfo: this.newOrderInfo-->
<!--      }-->
<!--      axios.post('http://localhost:8081/order/add', data-->
<!--      ).then(res => {-->
<!--        var httpCode = res.data.code-->
<!--        if (httpCode === 1) {-->
<!--          this.$message.success('添加成功')-->
<!--        } else {-->
<!--          this.$message.error('系统错误')-->
<!--        }-->
<!--      })-->
<!--    }-->

<!--  },-->
<!--  mounted() {-->
<!--    // this.loading=true;-->
<!--    this.getAll();-->
<!--    //-->
<!--    // this.getByPage()-->
<!--  }-->

<!--}-->

<!--</script>-->

<!--<style>-->

<!--.el-table .warning-row {-->
<!--  background: oldlace;-->
<!--}-->

<!--.el-table .success-row {-->
<!--  background: #00aaff;-->
<!--}-->

<!--.el-table .quehuo {-->
<!--  background: #FF0000;-->
<!--}-->

<!--.btn1 {-->
<!--  position: relative;-->
<!--  right: 0.625rem;-->
<!--}-->

<!--.blank-line {-->
<!--  margin-bottom: 1em;-->
<!--}-->

<!--</style>-->
